jueves, 28 de noviembre de 2024

 (483x96, 10Kb)

A petición de los lectores, intentaré explicar cómo colocar divisores verticales a los lados del texto, tal como los tengo ahora en este post. Puede encontrar una gran selección de los divisores verticales más bellos para decorar sus publicaciones y blogs
efachka.ru/post179454015.

Están colocados exactamente de la misma manera que en las imágenes. Para que quede claro para todos y para aquellos que recién están comenzando a familiarizarse con los códigos, escribiré todo con gran detalle. Empezaré todo en orden. Si desea que las imágenes se coloquen en los bordes de su publicación (COMO AHORA EN EL EJEMPLO), primero veamos cómo se ve el código HTML simple de una imagen o separador. Tomé un pequeño separador vertical, que en formato simplificado (en el editor de texto avanzado de LiRu) se ve así:

Código para la imagen entre el texto
TEXTO TEXTO
Código para texto entre dos imágenes
Texto que encajará perfectamente entre las imágenes
Primera parte del texto Segunda parte del texto.
"aquí no hay ninguna imagen, aunque debería haber una. ¿Qué Depende de ti"

miércoles, 27 de noviembre de 2024



FLUJO DE IMAGEN DERECHA - IZQUIERDA






.......




Movimiento de la imagen de ABAJO ARRIBA.




Código




***.


***


******







*****.







******


******


***** mas aqui

****** mas aki
*****


jueves, 21 de noviembre de 2024

Diseñar texto en hermosos marcos. Marcos para texto con posibilidad de cambiar el fondo, ancho y alto.


En este artículo tienes algunos códigos para varios marcos para diseño de texto.

<div style="background: #F8F8FF; border: 5px dotted #CDCDCD; padding: 10px;">
ваш текст.</div>
<div style="background: #eeeeee; border: 3px dashed #636363; padding: 10px;">
texto.< / div>
 
<div style="background: #E8F8FF; border: 10px inset #871F78; padding: 10px;">
texto.</div>
<div style="background: #E6E8FA; border: 10px outset #0073E9; padding: 10px;">
texto.</div>
<div style="background: #F8F8FF; border: 10px double #871F78; padding: 10px;">
texto.</div>
 
<div style="background: #03b4cc; border: 7px groove #047AFE; padding: 10px;">
texto</div>
 
<div style="background: #FFFACD;border: 10px ridge #FFFACD; padding: 10px;">
ваш текст.</div>

En los códigos de estos marcos puedes cambiar el alto, ancho y fondo del marco.
 
 



<div style="background: #f8f8ff; border-width: thick; border: 10px double #03b4cc; height: 250px; padding: 4px; width: 350px;">
ваш текст.</div>
 



<div style="background: #f8f8ff; border: 10px outset #03b4cc; height: 200px; padding: 10px; width: 350px;">
ваш текст.</div>
 




<div style="background: #134f5c; border: 10px groove #047AFE; height: 240px; padding: 10px; width: 200px;"></div>




<div style="background: #eeeeee; border: 5px dotted #CDCDCD; height: 200px; padding: 10px; width: 250px;">
</div>




<div style="background: #F8F8FF; border: 3px dashed #CDCDCD;  height: 240px; padding: 10px;width: 200px;">
ваш текст.< / div>




<div style="background: #FFFACD;border: 10px ridge #FFFACD; height: 200px;  padding: 10px;width: 300px;">
ваш текст.</div>





<div style="background: #FFDEAD; border: 10px inset #ff9900; height: 220px; padding: 10px;width: 300px;">
ваш текст.</div>


<div style="background: #0a9e08; border: 5px dotted #F8F8FF; height: 100px; padding: 10px; width: 450px;">ваш текст.</div>



<div style="background: #3399ff; border: 5px dashed #eeeeee; height: 140px; padding: 10px; width: 400px;">
ваш текст.</div>
 
En cuanto a la configuración : padding: 10px - también puedes aumentar la altura del marco; borde: 10px - tamaño del borde. Pegue el código del marco en HTML en el editor de mensajes. Luego escribe tu texto directamente en el marco

Seguidores

Archivo del blog